<br />
<div style="float:left;">
	<div class="content_box left">
		<header>
			<div class="label">
				<img src="<?= base_url() ?>images/icons/information.png" alt=""><div>Requisition #854834</div>		
			</div>	
		</header>
		<section>
			<form>
				<table>
					<tr>
						<td>
							Requestor:
						</td>
						<td>
							Juan dela Cruz
						</td>
					</tr>
					<tr>
						<td>
							Department:
						</td>
						<td>
							School Supplies
						</td>
					</tr>
					<tr>
						<td>
							Date Requested:
						</td>
						<td>
							Aug. 17, 2011
						</td>
					</tr>					
					<tr>
						<td>
							Materials:
						</td>
						<td>
							3
						</td>
					</tr>		
					<tr>
						<td>
							Approved by:
						</td>
						<td>
							Pedro Penduko
						</td>
					</tr>				
					<tr>
						<td>
							Canvassed by:
						</td>
						<td>
							Jose Santos
						</td>
					</tr>
				</table>
			</form>
			<div style="padding:5px 5px 5px; float:right;">
				<a id="new_user_button" href="<?= base_url() ?>purchasing/createpo" class="btn"><span class="icon icon-ok"></span>Print All</a>
				<a id="new_user_button" href="#new-user-popup" class="btn"><span class="icon icon-disk"></span>Done Printing</a>
			</div>		
		</section>
	</div>
</div>
<div style="float:left; width:600px;">
	<div class="content_box right">
		<header>
			<div class="label">
				<img src="<?= base_url() ?>images/icons/information.png" alt=""><div>National Bookstore</div>		
			</div>	
			<div class="actions" style="line-height:28px;">
				Total Price: 525.75
			</div>		
		</header>
		<section>
			<form>
				<table style="text-align:left;">
					<tr>
						<td>PO #:</td>
						<td colspan="2"><input type="text" value="PO number" /></td>
						<td>System-generated PO #: <b>542787</b></td>
					</tr>			
					<tr>
						<td style="width:30px">Date:</td>
						<td><b>Aug. 17, 2011</b></td>
						<td style="width:75px">Delivery Date:</td>
						<td><b>Sept. 1, 2001</b></td>
						<td style="width:90px">Payment Terms:</td>
						<td><b>Anything</b></td>
						<td style="width:90px">Payment Type:</td>
						<td><b>Cash</b></td>
					</tr>				
				</table>
			</form>
			<div style="padding:5px;">
				<a id="new_user_button" href="#" class="btn" ><span class="icon icon-disk"></span>Print</a>		
				<select>
					<option>Receiver</option>
					<option>Toolroom </option>
					<option>Nancy </option>
					<option>W7</option>
					<option>W1 </option>
				</select>
				<a href="#" onclick="$('#materials_1').toggle(); return false;">Show Materials</a>
			</div>
			<div id="materials_1" style="display:none;">
				<form>
					<table>
						<tr><th>Materials</th><th style="width:70px; text-align:center;">Price</th></td>
						<tr>
							<td>95 Pcs Ballpen</td>
							<td>25.75</td>
						</tr>
						<tr>
							<td>50 Rim Paper</td>
							<td>500</td>
						</tr>						
					</table>
				</form>
			</div>
		</section>
	</div>
	<div class="content_box right" style="padding-top:10px;">
		<header>
			<div class="label">
				<img src="<?= base_url() ?>images/icons/information.png" alt=""><div>Ace Hardware</div>		
			</div>	
			<div class="actions" style="line-height:28px;">
				Total Price: 115.75
			</div>
		</header>
		<section>
			<form>
				<table style="text-align:left;">
					<tr>
						<td>PO #:</td>
						<td colspan="2"><input type="text" value="PO number" /></td>
						<td>System-generated PO #: <b>786451</b></td>
					</tr>
					<tr>
						<td style="width:30px">Date:</td>
						<td><b>Aug. 23, 2011</b></td>
						<td style="width:75px">Delivery Date:</td>
						<td><b>Sept. 15, 2001</b></td>
						<td style="width:90px">Payment Terms:</td>
						<td><b>Anything</b></td>
						<td style="width:90px">Payment Type:</td>
						<td><b>Credit</b></td>
					</tr>				
				</table>
			</form>
			<div style="padding:5px;">
				<a id="new_user_button" href="#" class="btn" ><span class="icon icon-disk"></span>Print</a>		
				<select>
					<option>Receiver</option>
					<option>Toolroom </option>
					<option>Nancy </option>
					<option>W7</option>
					<option>W1 </option>
				</select>
				<a href="#" onclick="$('#materials_2').toggle(); return false;">Show Materials</a>			
			</div>
			<div id="materials_2" style="display:none;">
				<form>
					<table>
						<tr><th>Materials</th><th style="width:75px; text-align:center;">Price</th></td>
						<tr>
							<td>95 Pcs Ballpen</td>
							<td>25.75</td>
						</tr>
						<tr>
							<td>250 Boxes Paper Clip</td>
							<td>89.99</td>
						</tr>						
					</table>
				</form>
			</div>		
		</section>
	</div>
</div>